﻿@charset "utf-8";
/* boilerplate.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block;  *display: inline;
 *zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] {
 display: none;
}
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; line-height: 1.231; max-width: 100%; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/* =============================================================================
   链接
   ========================================================================== */
a { color: #00e; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* 改善在所有浏览器中获取焦点和悬停时的可读性: h5bp.com/h */
a:hover, a:active { outline: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; border: none; outline: 0; width: 100%; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline;  *vertical-align: middle;
}
button, input { line-height: normal;  *overflow: visible;
}
table button, table input {  *overflow: auto;
}
/* common.css */
ul, li, dl, form, p { margin: 0; padding: 0; list-style: none; vertical-align: bottom; outline: 0; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0; }
cite { font-style: normal; }
cite { display: block; }
i { font-style: normal; }
img, object, embed, video { max-width: 100%; }
/* IE 6 不支持最大宽度，因此默认为 100% 宽度 */
.ie6 img { width: 100%; }
/* 移动设备布局: 480px 及更低。 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid {
 background-color: #f0dddd;
}
.gridContainer { width: 100%; height: 100%; min-width: 320px; margin: 0 auto; max-width: 640px; overflow: hidden; font-family: "宋体", "Microsoft YaHei"; color: #333; }
@media screen and (min-width: 360px) {
html,  body,  input { font-size: 15.75px; }
}
@media screen and (min-width: 400px) {
html,  body,  input { font-size: 17.5px; }
}
@media screen and (min-width: 480px) {
html,  body,  input { font-size: 21px; }
}
@media screen and (min-width: 560px) {
html,  html,  body,  input { font-size: 24.5px; }
}
@media screen and (min-width: 600px) {
html,  body,  input { font-size: 26.25px; }
}
@media screen and (min-width: 640px) {
html,  body,  input { font-size: 28px; }
}
.Fl { float: left; overflow: hidden; display: inline; }
.Fr { float: right; overflow: hidden; display: inline; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
body { background-color: #f0eff5; }
/* 商品分类 */
.lml_class header { background-color: #41a28e; color: #fff; position: relative; padding: 0.642rem 0; height: 1.928rem; line-height: 1.928rem; text-align: center; font-size: 1.285rem; }
.lml_class header > a.black { position: absolute; display: inline-block; background: url("http://cdn.xsmore.com/Images/Common/head-back.png") center no-repeat; background-size: 100% auto; width: 1.607rem; height: 1.928rem; left: 0.72rem; }
.lml_class .search_box { overflow: hidden; background-color: #fff; border-bottom: 1px solid #ddd; padding: 1rem; }
.lml_class .search_box #searchform { position: relative; }
.lml_class .search_box .tips { position: absolute; left: 0; top: 0; width: 100%; height: 2.285rem; line-height: 2.285rem; text-align: center; font-size: 0.857rem; color: #ccc; border-radius: 0.3rem; background-color: #eee; }
.lml_class .search_box .tips img { width: 1rem; height: 1rem; vertical-align: -4px; padding-right: 0.7rem; }
.lml_class .search_box input { width: 100%; height: 2.285rem; border-radius: 0.3rem; background-color: #eee; padding: 0; outline: none; border: none; box-sizing: border-box; -webkit-sizing: border-box; }
.lml_class .search_box input::-webkit-search-cancel-button {
 display: none;
}
.lml_class .search_box .action { padding-left: 2rem; background: url(http://cdn.xsmore.com/Images/Shop/search-bg.png) no-repeat 0.6rem center #eeeeee; background-size: 1rem; }
.lml_class .lb_box { overflow:hidden; width: 100%;  position:fixed; max-width:640px; min-width:320px; height:100%;box-sizing: border-box;background: -webkit-gradient(linear, 0% 20%, 60% 100%,from(#a47692), to(#86829d)) }
/*lml*/
.lml_class .lb_box .lml_height{ height:8rem;}





.lml_class .lb_box .right { width: 100%; right:0; height:100%; overflow:auto!important; padding-left: 0.535rem; box-sizing: border-box; position:absolute; top:0; }

.lml_class .lb_box .right .cases{display: none;}
.lml_class .lb_box .right .tit { font-size: 0.72rem; color: #999; margin-top: 1rem; margin-bottom: 0.5rem; }
.lml_class .lb_box .right ul { overflow: hidden; font-size: 0.72rem; }
.lml_class .lb_box .right ul li { width: 33%; float: left; }
.lml_class .lb_box .right ul li a { display: block;padding-bottom: 1px; background-color: #fff; margin-right: 0.535rem; margin-bottom: 0.535rem; color: #666; text-align: center; padding-left: 0.142rem; padding-top: 0.357rem; padding-right: 0.142rem; line-height: 200%; }
.lml_class .lb_box .right ul li a img { display: block; }
.lml_class .lb_box .right ul li a .text{
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    display: block;
    margin: 5px 2px;
    text-align: center;
    overflow: hidden;
}
